.ddtabsdiv{width:25%;margin:0 auto}.tabitem{padding:0.25em 0 0.15em 0}.tabitem p{padding:0.15em 0 0.15em 0}.tabitem pre{padding:0 0 0.15em 0}.ddtabsdiv h2{text-align:center}.tabhead,.tabhead.current{background:#333;font-weight:bold;color:#aad6f8;display:block;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.tabhead:after{content:'';position:relative;float:right;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition:all .3s ease;transition:all .3s ease}.tabhead:hover{color:#fd8f00}.tabhead.current{color:#2981c4}.tabhead.current:after{content:'';position:relative;float:right;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tabhead.current:hover{color:#fd8f00}.tabcontent{display:block;overflow:hidden;-webkit-transition:height .3s ease;transition:height .3s ease}#ddtabs{width:100%;margin-top:2%}.tabhead,.tabhead.current{font-size:2rem;margin:0px 0px 10px 0px;padding:14px 0px 16px 35px;border-radius:11px}.tabhead:after{width:14px;height:14px;top:7px;right:35px;border-top:3px solid #ccc;border-left:3px solid #ccc}.tabhead.current:after{width:14px;height:14px;top:14px;right:35px;border-top:3px solid #ccc;border-left:3px solid #ccc}.tabcontent{width:100%;margin:10px auto 20px auto}.tabitem{width:90%;margin:0px auto 4px auto}.brightmode .tabhead,.brightmode .tabhead.current{background:#dfdfdf;color:#000}.brightmode .tabhead:hover{color:#fd8f00}.brightmode .tabhead.current{color:#2981c4}.brightmode .tabhead.current:hover{color:#fd8f00}.brightmode .tabhead:after{border-top:3px solid #999;border-left:3px solid #999}.brightmode .tabhead.current:after{border-top:3px solid #999;border-left:3px solid #999}@media (max-device-width: 1920px){.tabhead,.tabhead.current{width:100%;font-size:1rem;padding:12px 0px 14px 20px;border-radius:5px}.tabhead:after{width:8px;height:8px;top:4px;right:15px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabhead.current:after{width:8px;height:8px;top:8px;right:15px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabcontent{width:100%;margin:2px 0px 12px 0px}}@media (max-device-width: 1440px){.tabhead,.tabhead.current{font-size:42px;padding:12px 0px 14px 32px;border-radius:9px}.tabhead:after{width:14px;height:14px;top:12px;right:32px;border-top:3px solid #ccc;border-left:3px solid #ccc}.tabhead.current:after{width:14px;height:14px;top:16px;right:32px;border-top:3px solid #ccc;border-left:3px solid #ccc}.tabcontent{width:95%;margin:4px auto 18px auto}}@media (max-device-width: 1280px){.tabhead,.tabhead.current{font-size:34px;padding:12px 0px 14px 25px;border-radius:9px}.tabhead:after{width:12px;height:12px;top:10px;right:25px;border-top:3px solid #ccc;border-left:3px solid #ccc}.tabhead.current:after{width:12px;height:12px;top:14px;right:25px;border-top:3px solid #ccc;border-left:3px solid #ccc}.tabcontent{width:95%;margin:2px auto 14px auto}}@media (max-device-width: 1024px){.tabhead,.tabhead.current{width:100%;font-size:17px;padding:12px 0px 14px 20px;border-radius:5px}.tabhead:after{width:8px;height:8px;top:4px;right:15px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabhead.current:after{width:8px;height:8px;top:8px;right:15px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabcontent{width:100%;margin:0px 0px 12px 0px}}@media (max-device-width: 980px){.ddtabsdiv{width:90%}.tabitem,.tabitem p,.tabitem pre{padding:0.25em 0 0.25em 0}.tabhead,.tabhead.current{font-size:25px;padding:12px 0px 14px 20px;border-radius:7px}.tabhead:after{width:10px;height:10px;top:6px;right:22px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabhead.current:after{width:10px;height:10px;top:10px;right:22px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabcontent{width:95%;margin:10px auto 16px auto}}@media (max-device-width: 800px){.tabhead,.tabhead.current{font-size:23px;padding:12px 0px 14px 20px;border-radius:6px}.tabhead:after{width:8px;height:8px;top:5px;right:22px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabhead.current:after{width:8px;height:8px;top:9px;right:22px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabcontent{width:95%;margin:8px auto 14px auto}}@media (max-device-width: 640px){.tabhead,.tabhead.current{font-size:20px;padding:12px 0px 14px 18px;border-radius:5px}.tabhead:after{width:8px;height:8px;top:4px;right:18px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabhead.current:after{width:8px;height:8px;top:8px;right:18px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabcontent{width:94%;margin:6px auto 12px auto}}@media (max-device-width: 480px){.tabhead,.tabhead.current{font-size:16px;padding:12px 0px 14px 16px}.tabhead:after{width:8px;height:8px;top:4px;right:16px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabhead.current:after{width:8px;height:8px;top:8px;right:16px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabcontent{width:93%;margin:6px auto 12px auto}}@media (max-device-width: 414px){.tabhead,.tabhead.current{font-size:14px;padding:12px 0px 14px 15px}.tabhead:after{width:8px;height:8px;top:4px;right:15px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabhead.current:after{width:8px;height:8px;top:8px;right:15px;border-top:2px solid #ccc;border-left:2px solid #ccc}.tabcontent{width:92%;margin:6px auto 12px auto}}